<template>
  <div>
    <el-container style="height: 720px; border: 1px solid #eee">
      <el-header
        style="
          background-color: rgb(224, 219, 219);
          font-size: 35px;
          line-height: 60px;
        "
      >
        Logo员工管理系统
      </el-header>
      <el-container>
        <!-- 侧边栏 -->
        <el-aside width="200px">
          <!-- 菜单 -->
          <el-menu :default-openeds="['1']">
            <el-submenu index="1">
              <template slot="title">
                <i class="el-icon-s-tools"></i>
                <span>系统管理</span>
              </template>

              <!-- 菜单项 -->
              <!-- 路由到 /emp-->
              <router-link to="/emp" style="text-decoration: none">
                <el-menu-item index="1-1"> 员工管理 </el-menu-item>
              </router-link>

              <router-link to="/dept" style="text-decoration: none">
                <el-menu-item index="1-2"> 部门管理</el-menu-item>
              </router-link>
            </el-submenu>
          </el-menu>
        </el-aside>
        <!-- 主体 -->
        <el-main>
          <!-- 建议使用动态的内容 -->
          <!-- <emp-view></emp-view> -->

          <!-- 显示路由对应的组件 -->
          <router-view></router-view>
        </el-main>
      </el-container>
    </el-container>
  </div>
</template>

<script>



export default {
}
 

</script>


<style>
* {
  margin: 0;
  padding: 0;
}
</style>
